<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description">
    <meta content="Coderthemes" name="author">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- App favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">
    <!-- C3 charts css -->
    <link href="assets/css/c3.min.css" rel="stylesheet" type="text/css">
    <!-- App css -->
    <!--<link href="assets/css/spinkit.css" rel="stylesheet">-->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/icons.css" rel="stylesheet" type="text/css">
    <link href="assets/css/metismenu.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/style.css" rel="stylesheet" type="text/css">
    <script src="assets/js/modernizr.min.js"></script>
    <style>
        .stress{
            color: #0275d8;
        }
    </style>
</head>
<body>
<!-- Begin page -->
<div id="wrapper">
    <!-- Top Bar Start -->
    <div class="topbar">

        <div class="topbar-left">
            <a href="index.html" class="logo"> <span> <img src="assets/images/logo.png" alt="" height="25"> </span> <i>
                <img src="assets/images/logo_sm.png" alt="" height="28"> </i> </a>
        </div>
        <nav class="navbar-custom">
            <ul class="list-inline float-right mb-0">
                <li class="list-inline-item dropdown notification-list"><a
                        class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown"
                        href="#" role="button" aria-haspopup="false" aria-expanded="false"> <i
                        class="dripicons-bell noti-icon"></i> <span class="badge badge-pink noti-icon-badge">4</span>
                </a>
                    <div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-lg" aria-labelledby="Preview">
                        <!-- item-->
                        <div class="dropdown-item noti-title">
                            <h5><span class="badge badge-danger float-right">5</span>Notification</h5>
                        </div>
                        <!-- item-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                            <div class="notify-icon bg-success">
                                <i class="icon-bubble"></i>
                            </div>
                            <p class="notify-details">Robert S. Taylor commented on Admin
                                <small class="text-muted">1 min ago</small>
                            </p>
                        </a>
                        <!-- item-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                            <div class="notify-icon bg-info">
                                <i class="icon-user"></i>
                            </div>
                            <p class="notify-details">New user registered.
                                <small class="text-muted">1 min ago</small>
                            </p>
                        </a>
                        <!-- item-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                            <div class="notify-icon bg-danger">
                                <i class="icon-like"></i>
                            </div>
                            <p class="notify-details">Carlos Crouch liked <b>Admin</b>
                                <small class="text-muted">1 min ago</small>
                            </p>
                        </a>
                        <!-- All-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item notify-all"> View All </a>
                    </div>
                </li>
                <li class="list-inline-item dropdown notification-list"><a
                        class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown"
                        href="#" role="button" aria-haspopup="false" aria-expanded="false"> <img
                        src="assets/images/users/avatar-2.jpg" alt="user" class="rounded-circle"> </a>
                    <div class="dropdown-menu dropdown-menu-right profile-dropdown " aria-labelledby="Preview">
                        <!-- item-->
                        <div class="dropdown-item noti-title">
                            <h5 class="text-overflow">
                                <small>欢迎您，小明</small>
                            </h5>
                        </div>
                        <!-- item-->
                        <a href="javascript:void(0);" class="dropdown-item notify-item">
                            <i class="zmdi zmdi-account-circle"></i> <span>修改密码</span>
                        </a>
                        <a href="page-login.html" class="dropdown-item notify-item">
                            <i class="zmdi zmdi-power"></i><span>退出登录</span>
                        </a>
                    </div>
                </li>
            </ul>
            <ul class="list-inline menu-left mb-0">
                <li class="float-left">
                    <button class="button-menu-mobile open-left waves-light waves-effect"><i class="dripicons-menu"></i>
                    </button>
                </li>
                <li class="hide-phone app-search">
                    <form role="search" class="">
                        <input type="text" placeholder="Search..." class="form-control">
                        <a href=""><i class="fa fa-search"></i></a>
                    </form>
                </li>
            </ul>
        </nav>
    </div>
    <!-- Top Bar End -->
    <!-- ========== Left Sidebar Start ========== -->
    <div class="left side-menu">
        <div class="slimscroll-menu" id="remove-scroll">
            <!-- Sidemenu -->
            <div id="sidebar-menu">
                <!-- Left Menu Start -->
                <ul class="metismenu" id="side-menu">
                    <li class="menu-title">导航</li>
                    <li><a href="javascript: void(0);"> <i class="fi-air-play"></i><span
                            class="badge badge-success pull-right">2</span> <span> Dashboard </span> </a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a href="index.html">首页</a></li>
                            <li><a href="dashboard-2.html">仪表板 2</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript: void(0);"><i class="fi-target"></i> <span> Admin UI </span> <span
                            class="menu-arrow"></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a href="admin-grid.html">Grid</a></li>
                            <li><a href="admin-sweet-alert.html">Sweet Alert</a></li>
                            <li><a href="admin-tiles.html">Tiles Box</a></li>
                            <li><a href="admin-nestable.html">Nestable List</a></li>
                            <li><a href="admin-rangeslider.html">Range Slider</a></li>
                            <li><a href="admin-ratings.html">Ratings</a></li>
                            <li><a href="admin-filemanager.html">File Manager</a></li>
                            <li><a href="admin-lightbox.html">Lightbox</a></li>
                            <li><a href="admin-scrollbar.html">Scroll bar</a></li>
                            <li><a href="admin-slider.html">Slider</a></li>
                            <li><a href="admin-treeview.html">Treeview</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript: void(0);"><i class="fi-briefcase"></i> <span> UI Kit </span> <span
                            class="menu-arrow"></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a href="ui-typography.html">Typography</a></li>
                            <li><a href="ui-panels.html">Panels</a></li>
                            <li><a href="ui-buttons.html">Buttons</a></li>
                            <li><a href="ui-modals.html">Modals</a></li>
                            <li><a href="ui-checkbox-radio.html">Checkboxs-Radios</a></li>
                            <li><a href="ui-spinners.html">Spinners</a></li>
                            <li><a href="ui-ribbons.html">Ribbons</a></li>
                            <li><a href="ui-portlets.html">Portlets</a></li>
                            <li><a href="ui-tabs.html">Tabs</a></li>
                            <li><a href="ui-progressbars.html">Progress Bars</a></li>
                            <li><a href="ui-notifications.html">Notification</a></li>
                            <li><a href="ui-carousel.html">Carousel</a></li>
                            <li><a href="ui-video.html">Video</a></li>
                            <li><a href="ui-tooltips-popovers.html">Tooltips &amp; Popovers</a></li>
                            <li><a href="ui-images.html">Images</a></li>
                            <li><a href="ui-bootstrap.html">Bootstrap UI</a></li>
                        </ul>
                    </li>
                    <li><a href="tickets.html"><i class="fi-help"></i><span
                            class="badge badge-danger pull-right">New</span> <span> Tickets </span></a></li>
                    <li><a href="javascript: void(0);"><i class="fi-box"></i><span> Icons </span> <span
                            class="menu-arrow"></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a href="icons-colored.html">Colored Icons</a></li>
                            <li><a href="icons-materialdesign.html">Material Design</a></li>
                            <li><a href="icons-dripicons.html">Dripicons</a></li>
                            <li><a href="icons-fontawesome.html">Font awesome</a></li>
                            <li><a href="icons-feather.html">Feather Icons</a></li>
                            <li><a href="icons-simple-line.html">Simple line Icons</a></li>
                            <li><a href="icons-flags.html">Flag Icons</a></li>
                            <li><a href="icons-file.html">File Icons</a></li>
                            <li><a href="icons-pe7.html">PE7 Icons</a></li>
                            <li><a href="icons-typicons.html">Typicons</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript: void(0);"><i class="fi-bar-graph-2"></i><span> Graphs </span> <span
                            class="menu-arrow"></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a href="chart-flot.html">Flot Chart</a></li>
                            <li><a href="chart-morris.html">Morris Chart</a></li>
                            <li><a href="chart-google.html">Google Chart</a></li>
                            <li><a href="chart-echart.html">Echarts</a></li>
                            <li><a href="chart-chartist.html">Chartist Charts</a></li>
                            <li><a href="chart-chartjs.html">Chartjs Chart</a></li>
                            <li><a href="chart-c3.html">C3 Chart</a></li>
                            <li><a href="chart-justgage.html">Justgage Charts</a></li>
                            <li><a href="chart-sparkline.html">Sparkline Chart</a></li>
                            <li><a href="chart-knob.html">Jquery Knob</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript: void(0);"><i class="fi-mail"></i><span> Email </span> <span
                            class="menu-arrow"></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a href="email-inbox.html">Inbox</a></li>
                            <li><a href="email-read.html">Read Email</a></li>
                            <li><a href="email-compose.html">Compose Email</a></li>
                        </ul>
                    </li>
                    <li><a href="taskboard.html"><i class="fi-paper"></i> <span> Task Board </span></a></li>
                    <li><a href="javascript: void(0);"><i class="fi-disc"></i><span
                            class="badge badge-warning pull-right">12</span> <span> Forms </span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a href="form-elements.html">Form Elements</a></li>
                            <li><a href="form-advanced.html">Form Advanced</a></li>
                            <li><a href="form-layouts.html">Form Layouts</a></li>
                            <li><a href="form-validation.html">Form Validation</a></li>
                            <li><a href="form-pickers.html">Form Pickers</a></li>
                            <li><a href="form-wizard.html">Form Wizard</a></li>
                            <li><a href="form-mask.html">Form Masks</a></li>
                            <li><a href="form-summernote.html">Summernote</a></li>
                            <li><a href="form-wysiwig.html">Wysiwig Editors</a></li>
                            <li><a href="form-typeahead.html">Typeahead</a></li>
                            <li><a href="form-x-editable.html">X Editable</a></li>
                            <li><a href="form-uploads.html">Multiple File Upload</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript: void(0);"><i class="fi-layout"></i> <span> Tables </span> <span
                            class="menu-arrow"></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a href="tables-basic.html">Basic Tables</a></li>
                            <li><a href="tables-layouts.html">Tables Layouts</a></li>
                            <li><a href="tables-datatable.html">Data Tables</a></li>
                            <li><a href="tables-foo-tables.html">Foo Tables</a></li>
                            <li><a href="tables-responsive.html">Responsive Table</a></li>
                            <li><a href="tables-tablesaw.html">Tablesaw Tables</a></li>
                            <li><a href="tables-editable.html">Editable Tables</a></li>
                        </ul>
                    </li>
                    <li class="menu-title">More</li>
                    <li><a href="javascript: void(0);"><i class="fi-map"></i> <span> Maps </span> <span
                            class="menu-arrow"></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a href="maps-google.html">Google Maps</a></li>
                            <li><a href="maps-google-full.html">Full Google Map</a></li>
                            <li><a href="maps-vector.html">Vector Maps</a></li>
                            <li><a href="maps-mapael.html">Mapael Maps</a></li>
                        </ul>
                    </li>
                    <li><a href="calendar.html"><i class="fi-clock"></i> <span>Calendar</span> </a></li>
                    <li><a href="javascript: void(0);"><i class="fi-paper-stack"></i><span> Pages </span> <span
                            class="menu-arrow"></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a href="page-starter.html">Starter Page</a></li>
                            <li><a href="page-login.html">Login</a></li>
                            <li><a href="page-register.html">Register</a></li>
                            <li><a href="page-logout.html">Logout</a></li>
                            <li><a href="page-recoverpw.html">Recover Password</a></li>
                            <li><a href="page-lock-screen.html">Lock Screen</a></li>
                            <li><a href="page-confirm-mail.html">Confirm Mail</a></li>
                            <li><a href="page-404.html">Error 404</a></li>
                            <li><a href="page-404-alt.html">Error 404-alt</a></li>
                            <li><a href="page-500.html">Error 500</a></li>
                        </ul>
                    </li>
                    <li class="has_sub"><a href="javascript:void(0);"><i
                            class="fi-marquee-plus"></i><span> Extra Pages </span> <span class="menu-arrow"></span></a>
                        <ul class="nav-second-level" aria-expanded="false">
                            <li><a href="extras-about.html">About Us</a></li>
                            <li><a href="extras-contact.html">Contact</a></li>
                            <li><a href="extras-companies.html">Companies</a></li>
                            <li><a href="extras-members.html">Members</a></li>
                            <li><a href="extras-members-2.html">Membars 2</a></li>
                            <li><a href="extras-timeline.html">Timeline</a></li>
                            <li><a href="extras-invoice.html">Invoice</a></li>
                            <li><a href="extras-maintenance.html">Maintenance</a></li>
                            <li><a href="extras-coming-soon.html">Coming Soon</a></li>
                            <li><a href="extras-faq.html">FAQ</a></li>
                            <li><a href="extras-pricing.html">Pricing</a></li>
                            <li><a href="extras-profile.html">Profile</a></li>
                            <li><a href="extras-email-template.html">Email Templates</a></li>
                            <li><a href="extras-search-result.html">Search Results</a></li>
                            <li><a href="extras-sitemap.html">Site Map</a></li>
                        </ul>
                    </li>
                    <li><a href="todo.html"><i class="fi-layers"></i> <span> Todo </span></a></li>
                </ul>
            </div>
            <!-- Sidebar -->
            <div class="clearfix"></div>
        </div>
        <!-- Sidebar -left -->
    </div>
    <!-- Left Sidebar End -->
    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <!-- ============================================================== -->
    <div class="content-page">
        <!-- Start content -->
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <h4 class="page-title float-left">首页</h4>
                            <ol class="breadcrumb float-right">
                                <li class="breadcrumb-item"><a href="#">首页</a></li>
                            </ol>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <!-- end row -->
                <div class="row">
                    <div class="col-md-12">
                        <div class="card-box">
                            <ul class="nav nav-tabs tabs-bordered">
                                <li class="nav-item">
                                    <a href="#home-b1" data-toggle="tab" aria-expanded="false" class="nav-link active"> 单位申报向导 </a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane fade show active" id="home-b1">
                                    <div class="p-20">

                                        <div class="col-12">
                                            <img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/document.svg" title="document.svg"> 确认单位基本资料
                                            <img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/right.svg" title="right.svg">
                                            <img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/todo_list.svg" title="todo_list.svg"> 登记单位职工资料
                                            <img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/right.svg" title="right.svg">
                                            <img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/survey.svg" title="survey.svg"> 登记单位在职残疾人资料
                                            <img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/right.svg" title="right.svg">
                                            <img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/fine_print.svg" title="fine_print.svg"> 确认单位申报资料
                                            <img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/right.svg" title="right.svg">
                                            <img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/inspection.svg" title="inspection.svg"> 提交申报资料
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- end col -->
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card-box ribbon-box">
                            <div class="ribbon ribbon-custom">系统信息</div>
                            <p class="m-b-0">
                                <span class="stress">2018 年</span> 宁夏残疾人保证金征缴工作已启动，资料审核定在 <span class="stress">2018-03-01</span> 至 <span class="stress">2018-05-30</span> 请在审核期内填写并提交你单位的申报资料。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card-box ribbon-box">
                            <div class="ribbon ribbon-primary">操作流程</div>
                            <p class="m-b-0">
                            <ul>
                                <li>进入左侧单位申报入口，按照单位申报向导，完成单位资料申报</li>
                                <li>进入左侧单位申报入口，按照单位申报向导，完成单位资料申报</li>
                                <li>进入左侧单位申报入口，按照单位申报向导，完成单位资料申报</li>
                            </ul>
                            </p>
                        </div>
                    </div>
                </div>
                <!-- end row -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card-box ribbon-box">
                            <div class="ribbon-two ribbon-two-pink">
                                <span>帮助中心</span>
                            </div>
                            <p class="m-b-0" style="padding-top: 20px">
                            <ul>
                                <li><a href="help.html">如何填写申报信息</a></li>
                                <li><a href="help.html">如何填写申报信息</a></li>
                                <li><a href="help.html">如何填写申报信息</a></li>
                                <li><a href="help.html">如何填写申报信息</a></li>
                                <li><a href="help.html">如何填写申报信息</a></li>
                            </ul>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- container -->
        </div>
        <!-- content -->
        <footer class="footer text-right">
            2017 © Adminox. - Coderthemes.com
        </footer>
    </div>
    <!-- ============================================================== -->
    <!-- End Right content here -->
    <!-- ============================================================== -->
</div>
<!-- END wrapper -->
<!-- jQuery  -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/tether.min.js"></script>
<!-- Tether for Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/metisMenu.min.js"></script>
<script src="assets/js/waves.js"></script>
<script src="assets/js/jquery.slimscroll.js"></script>
<!-- Counter js  -->
<script src="../plugins/waypoints/jquery.waypoints.min.js"></script>
<script src="../plugins/counterup/jquery.counterup.min.js"></script>
<!--C3 Chart-->
<script type="text/javascript" src="../plugins/d3/d3.min.js"></script>
<script type="text/javascript" src="../plugins/c3/c3.min.js"></script>
<!--Echart Chart-->
<script src="../plugins/echart/echarts-all.js"></script>
<!-- Dashboard init -->
<script src="assets/pages/jquery.dashboard.js"></script>
<!-- App js -->
<script src="assets/js/jquery.core.js"></script>
<script src="assets/js/jquery.app.js"></script>
</body>
</html>